<template>
	<view class="main">
		<iconMusic/><next/>
		<view class="uni-title-one">
			{{ coursePage.lineOne.textOne}}<br/>
			{{ coursePage.lineOne.textTwo}}
		</view>
		<view class="uni-title-two">
			<text class="yellow">{{ data.time }}</text>
			{{ coursePage.lineTwo.textOne}}
			<text class="yellow">{{ data.num }}</text>
			{{ coursePage.lineTwo.textTwo }}
			<text class="yellow">{{ data.allNum}}</text>
			{{ coursePage.lineTwo.textThree }}
			<text class="yellow">{{ data.other }}</text>
			<br/><br/>
			{{ coursePage.lineTwo.textFour}}
		</view>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import student from '/stateData/student.js'
	const { coursePage } = student
	const data = reactive({
		clientY:0,
		time:'2021-2022学年第一学期',
		num:6,
		allNum:26,
		other:'《程序设计基础》 《网络及其计算》《软件需求分析》...'
	})
	
	
</script>

<style scoped lang="scss">
	@import url(/static/css/style.css);
	.main{
		width: 100%;
		height: 100vh;
		// @include background('http://rjinbysql.hn-bkt.clouddn.com/static/images/stbg-course.png');
		background: url(http://rjinbysql.hn-bkt.clouddn.com/static/images/stbg-course.png);
		background-size: 100% 100%;
	}
</style>
